<template>
	<view>
		<view class="users-header" @tap="jumpToDetails">
			<view class="users-img-wrap">
				<img src="@/static/images/users-login.jpg" alt=""  mode="widthFix">
			</view>
			<view class="login-link">
				登录/注册
			</view>
			<view class="iconfont icon-uniE98D"></view>
		</view>
		<view class="users-list">
			<view class="users-list-wrap">
				<view class="iconfont icon-guanli icon-common"></view>
				<view class="users-list-man">账号管理</view>
				<view class="iconfont icon-uniE98D users-icon-account"></view>
			</view>
			<view class="users-list-wrap">
				<view class="iconfont icon-bianji icon-common"></view>
				<view class="users-list-man">修改密码</view>
				<view class="iconfont icon-uniE98D users-icon-account"></view>
			</view>
			<view class="users-list-wrap" @tap="jumpToTrolley">
				<view class="iconfont icon-guanli icon-common"></view>
				<view class="users-list-man">购物车</view>
				<view class="iconfont icon-uniE98D users-icon-account"></view>
			</view>
			<view class="users-list-wrap">
				<view class="iconfont icon-tanhao icon-common"></view>
				<view class="users-list-man">关于应用</view>
				<view class="iconfont icon-uniE98D users-icon-account"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			jumpToDetails(){
				uni.navigateTo({
					 url:"../login/Login"
				})
			},
			jumpToTrolley(){
				uni.navigateTo({
					 url:"../trolley/Trolley"
				})
			}
		}
	}
</script>

<style lang="stylus" scoped>
	@import '@/static/css/varibles.styl'
	@import '@/static/css/iconfont.css'
	.users-header
		width:auto
		height:200rpx
		background:$bgColor
		padding:0 30rpx
		padding-top:60rpx
		.users-img-wrap 
			width:140rpx
			height:140rpx
			border-radius:70rpx
			overflow:hidden
			float:left
			img
				display:block
				width:100%
		.login-link
			float:left
			color:#FFFFFF
			font-size:36rpx
			margin:40rpx 0 0 40rpx
		.icon-uniE98D
			color:#fff
			float:right
			width:100rpx
			height:130rpx
			text-align:right
			line-height:130rpx
	.users-list
		margin-top:20rpx
		.users-list-wrap
			width:auto
			height:90rpx
			line-height:90rpx
			padding:0 30rpx
			margin:4rpx 0
			background:#f6f6f6
			.icon-common
				float:left
				font-size:38rpx
			.users-list-man 
				padding-left:30rpx
				float:left
				font-size:36rpx
			.users-icon-account
				float:right
</style>
